<template>
  <div id="app">
    <router-view />

    <nav v-show="isShow">
      <router-link to="/about">其他</router-link> |
      <router-link to="/mine">我的</router-link>
    </nav>
  </div>
</template>
<script>
import "./css/common.scss";
export default {
  data() {
    return {
     
    };
  },
  mounted(){
    
  },
  computed:{
    isShow(){
      return this.$store.state.navIsShow
    }
  }
};
</script>
<style lang="scss" scoped>
#app{
  height: 100%;
}
nav {
  position: fixed;
  height: 40px;
  background: black;

  bottom: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  a {
    color: white;
  }
}
</style>